﻿<%@ page language="C#" autoeventwireup="true" codefile="sandbox_javascript.aspx.cs" inherits="sandbox_javascript" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
	<title>JavaScript Sandbox</title>
	<!-- Styles -->
	<link href="~/css/foundation.css" media="screen" rel="stylesheet" type="text/css" runat="server"/>
	<!--[if IE]><link href="~/css/base/ie.css" media="screen" rel="stylesheet" type="text/css" runat="server"/><![endif]-->
	<!-- BEGIN: Page Specific -->
	<style type="text/css" media="screen">
#sandbox {margin:0;padding:16px;}

/* DieHard Tabs */
.generic-tabs {float:left;width:auto;margin:0 0 -1px 0;padding:0;border-right:solid 1px #1860a8;}
.generic-tabs .generic-tab {float:left;width:auto;border:solid 1px #1860a8;border-right:0;list-style-type:none;text-decoration:none;font-size:100%;}
.generic-tabs .generic-tab a {float:left;width:auto;padding:8px 12px;background:#fff;text-decoration:none;color:#999;}
.generic-tabs .generic-tab a:hover {background:#eee;color:#666;}
.generic-tabs .generic-tab-selected {border-bottom:solid 1px #1860a8;}
.generic-tabs .generic-tab-selected a, .generic-tabs .generic-tab-selected a:hover {background:#ddd;color:#000;}
.generic-panels {border-top:solid 2px #1860a8;clear:both;}
.generic-panels .generic-panel {display:none;}
	</style>

	<script src="<%=ResolveClientUrl("~/js/jquery/jquery.js")%>" type="text/javascript"></script>
	<script src="<%=ResolveClientUrl("~/js/diehard_tabs.js")%>" type="text/javascript"></script>

	<script type="text/javascript">
	//<![CDATA[
// Code Snippet.
// if(_elePanelPrevious != null || typeof(_elePanelPrevious) !== 'undefined') {}	
	
$(document).ready(function() {
	var elePlugin = $('.generic-tabs').diehard_tabs({
		strSelectedTabCss:'generic-tab-selected',
		strSelectedPanelCss:'generic-panel-selected'
	}).get();
	
	console.log(elePlugin);
});
	//]]>
	</script>
	<!-- END: Page Specific -->
</head>
<body>
<!--[if IE 6]><div id="msie6" class="msie"><![endif]-->
<!--[if IE 7]><div id="msie7" class="msie"><![endif]-->
<form id="formSandbox" runat="server">
<div id="sandbox">
<!-- BEGIN: Sandbox -->
	<ul class="generic-tabs">
		<li class="generic-tab"><a href="http://132.170.200.105/SAGE/SolidWaste/Prorated/ProratedPropertyDetails.aspx?renumber=2000455&amp;taxyear=2009#generic-panel1"><span>Tab 1</span></a></li>
		<li class="generic-tab"><a href="#generic-panel2"><span>Tab 2</span></a></li>
	</ul>
	<div class="generic-panels">
		<div id="generic-panel1" class="generic-panel">
			Panel 1
			<br/><br/>
			Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Maecenas sit amet metus. Nunc quam elit, posuere nec, auctor in, rhoncus quis, dui. Aliquam erat volutpat. Ut dignissim, massa sit amet dignissim cursus, quam lacus feugiat dolor, id aliquam leo tortor eget odio. Pellentesque orci arcu, eleifend at, iaculis sit amet, posuere eu, lorem. Aliquam erat volutpat. Phasellus vulputate. Vivamus id erat. Nulla facilisi. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos hymenaeos. Nunc gravida. Ut euismod, tortor eget convallis ullamcorper, arcu odio egestas pede, ut ornare urna elit vitae mauris. Aenean ullamcorper eros a lacus. Curabitur egestas tempus lectus. Donec et lectus et purus dapibus feugiat. Sed sit amet diam. Etiam ipsum leo, facilisis ac, rutrum nec, dignissim quis, tellus. Sed eleifend.
		</div>
		<div id="generic-panel2" class="generic-panel">
			Panel 2
			<br/><br/>
			Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Maecenas sit amet metus. Nunc quam elit, posuere nec, auctor in, rhoncus quis, dui. Aliquam erat volutpat. Ut dignissim, massa sit amet dignissim cursus, quam lacus feugiat dolor, id aliquam leo tortor eget odio. Pellentesque orci arcu, eleifend at, iaculis sit amet, posuere eu, lorem. Aliquam erat volutpat. Phasellus vulputate. Vivamus id erat. Nulla facilisi. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos hymenaeos. Nunc gravida. Ut euismod, tortor eget convallis ullamcorper, arcu odio egestas pede, ut ornare urna elit vitae mauris. Aenean ullamcorper eros a lacus. Curabitur egestas tempus lectus. Donec et lectus et purus dapibus feugiat. Sed sit amet diam. Etiam ipsum leo, facilisis ac, rutrum nec, dignissim quis, tellus. Sed eleifend.
		</div>
	</div>
	<br/>
	<ul class="generic-tabs">
		<li class="generic-tab"><a href="#generic-panel3"><span>Tab 3</span></a></li>
		<li class="generic-tab"><a href="#generic-panel4"><span>Tab 4</span></a></li>
	</ul>
	<div class="generic-panels">
		<div id="generic-panel3" class="generic-panel">
			Panel 3
			<br/><br/>
			Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Maecenas sit amet metus. Nunc quam elit, posuere nec, auctor in, rhoncus quis, dui. Aliquam erat volutpat. Ut dignissim, massa sit amet dignissim cursus, quam lacus feugiat dolor, id aliquam leo tortor eget odio. Pellentesque orci arcu, eleifend at, iaculis sit amet, posuere eu, lorem. Aliquam erat volutpat. Phasellus vulputate. Vivamus id erat. Nulla facilisi. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos hymenaeos. Nunc gravida. Ut euismod, tortor eget convallis ullamcorper, arcu odio egestas pede, ut ornare urna elit vitae mauris. Aenean ullamcorper eros a lacus. Curabitur egestas tempus lectus. Donec et lectus et purus dapibus feugiat. Sed sit amet diam. Etiam ipsum leo, facilisis ac, rutrum nec, dignissim quis, tellus. Sed eleifend.
		</div>
		<div id="generic-panel4" class="generic-panel">
			Panel 4
			<br/><br/>
			Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Maecenas sit amet metus. Nunc quam elit, posuere nec, auctor in, rhoncus quis, dui. Aliquam erat volutpat. Ut dignissim, massa sit amet dignissim cursus, quam lacus feugiat dolor, id aliquam leo tortor eget odio. Pellentesque orci arcu, eleifend at, iaculis sit amet, posuere eu, lorem. Aliquam erat volutpat. Phasellus vulputate. Vivamus id erat. Nulla facilisi. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos hymenaeos. Nunc gravida. Ut euismod, tortor eget convallis ullamcorper, arcu odio egestas pede, ut ornare urna elit vitae mauris. Aenean ullamcorper eros a lacus. Curabitur egestas tempus lectus. Donec et lectus et purus dapibus feugiat. Sed sit amet diam. Etiam ipsum leo, facilisis ac, rutrum nec, dignissim quis, tellus. Sed eleifend.
		</div>
	</div>
<!-- END: Sandbox -->
</div>
<div class="footer" style="display:none;">
    <asp:button id="btnSubmit" runat="server" class="btnsubmit" text="Submit" onclick="btnSubmit_Click"/>
</div>
<asp:label id="lblError" runat="server" cssclass="error"/>
<asp:label id="lblLog" runat="server" cssclass="log"/>
</form>
<!--[if lte IE 7]></div><![endif]-->
</body>
</html>